<template>
  <view class="login_type">
    <u-divider text="其他登录方式" :hairline="true" lineColor="#ABAFB3"></u-divider>
    <view class="prow72 mt40" >
      <view class="flex flex-row justify-center items-center" >
        <view class="tac" @click="toPhoneLogin" v-if="loginType === 'phone'">
          <image style="width: 90rpx;height: 90rpx" class="" src="@/static/login/phone_login.png" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="">
            <view class="fs24 pt10 text_color " >
              手机号登录
            </view>
          </image>
        </view>
        <view class="tac"  v-else-if="loginType === 'wechat'" @click="wechatLogin">
          <image style="width: 90rpx;height: 90rpx" class="" src="@/static/my/WeChat.png" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="">
            <view class="fs24 pt10 text_color " >
              微信登录
            </view>
          </image>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: 'loginType',
  props: {
    loginType: {
      type: String,
      default: 'phone'
    },
    isChecked: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      customStyleOtherLogin: {
        height: '48px',
        color: '#262d2c'
      }
    };
  },

  mounted() {

  },

  methods: {
    wechatLogin() {
      uni.redirectTo({
        url: '/personal/nativeLogin/index',
        success: res => {},
        fail: () => {},
        complete: () => {}
      });
    },
    toPhoneLogin() {
      uni.redirectTo({
        url: '/personal/otherPhoneLogin/index',
        success: res => {},
        fail: () => {},
        complete: () => {}
      });
    }
  }
};
</script>
<style lang="scss" scoped>
.login_type {
  padding-top: 84rpx;
  .text_color {
    color: #ABAFB3;
  }
}
</style>